Dibujos completos en HTML5, lienzo de CANVAS
Dibujos completos en HTML5, lienzo de CANVAS
Luego tenemos una utilidad nueva que merece la pena verla por separado, puesto que nos va a transformar la manera con la que se experimentará la web. Se trata de un lienzo en donde se puede dibujar cualquier cosa e incluso hacer animación compleja.
CANVAS: Una etiqueta que genera un lienzo en la página donde realizar cualquier tipo de diseño, soporta dibujo de todo tipo de formas, degradados, imágenes, etc.
Nota: La etiqueta CANVAS del HTML simplemente delimita un área de la página donde se puede dibujar, pero para realizar esos dibujos se tiene que utilizar el lenguaje JavaScript, a través del API de Canvas. Es por eso que no ahondaremos en su uso.
Ejemplo de uso:
<!DOCTYPE html>
<html>
<head>
<title> Página 1</title>
</head>
<body>
<canvas id=»miCanvas»>
Tu navegador no soporta el canvas
</canvas>
<script type=»text/javascript»>
var canvas=document.getElementById(‘miCanvas’); var ctx=canvas.getContext(‘2d’); ctx.fillStyle=’#FF0000′; ctx.fillRect(0,0,80,100);
</script>
</body>
</html>
Elementos para la web semántica
Como decíamos, la segunda clasificación de las nuevas etiquetas del HTML5 está relacionada con lo que se llama la «web semántica». Veamos a continuación una lista de elementos que han sido agregados al HTML para especificar qué son y no cómo se deben mostrar en la página.
Ø Secciones dentro de una página.
Algunas de las nuevas etiquetas nos sirven para decir qué secciones contiene una página:
- ARTICLE: Especifica un artículo, es decir, una unidad de contenido.
- SECTION: Es una sección dentro de un documento.
- HEADER: La cabecera de una página.
- FOOTER: El pie de página o informaciones que formen el pie de una sección.
- ASIDE: Es una parte de la web que muestra contenido accesorio, generalmente colocado en un panel lateral.
- NAV: Con el que colocar el navegador principal de una página web.
Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros